<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <%--<link rel="stylesheet" type="text/css" href="../scripts/table/advancedtable.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/table/advancedtable.js"></script>--%>

        <style type="text/css">
            .updateN900{
                cursor: pointer;
            }
        </style>
        <script type="text/javascript">
            $j = jQuery.noConflict();
            $j(document).ready(function() {
//              $j(".updateN900").live("click",function(){
//                  
//              });
                
              
            } );
        
        </script>
    </head>
    <body>
        <f:view>

            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form>
                 <rich:dataTable rowKeyVar="row" onRowMouseOver="this.style.backgroundColor='rgb(240,240,240)'" onRowMouseOut="this.style.backgroundColor='#FFF'" id="abcxyz" rows="15" columnClasses="" value="#{N420Bean.listN420}" var="item">
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="Bộ phận" />
                                    </f:facet>
                                    <h:outputText value="#{item.nv451}" />
                                </rich:column>
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="Nhóm/tổ" />
                                    </f:facet>
                                    <h:outputText value="#{item.nv852}" />
                                </rich:column>
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="MSNV" />
                                    </f:facet>
                                    <h:outputText value="#{item.nv116}" />
                                </rich:column>
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="Họ tên" />
                                    </f:facet>
                                    <h:outputText value="#{item.hoten}" />
                                </rich:column>
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="Điện thoại" />
                                    </f:facet>
                                    <h:outputText value="#{item.nv107}" />
                                </rich:column>
                                <rich:column  width="100"> 
                                    <f:facet name="header">
                                        <h:outputText value="CMND" />
                                    </f:facet>
                                    <h:outputText value="#{item.nv109}" />
                                </rich:column>
                                <rich:column  width="50"> 
                                    <f:facet name="header">
                                        <h:outputText value="Vi phạm" />
                                    </f:facet>
                                    <h:selectBooleanCheckbox value="#{item.nv423}" style="margin-left:30px;" />
                                </rich:column>
                                <%--<f:facet name="header">
                                    <rich:columnGroup>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Checked" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Họ tên" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Pn850" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Nv851" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Nv852" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Fn100" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText styleClass="headerText" value="Action" />
                                        </h:column>
                                    </rich:columnGroup>
                                </f:facet>

                                <rich:column>
                                    <h:selectBooleanCheckbox value="" />
                                 </rich:column>
                                <h:column>
                                    <h:outputText value="" />
                                </h:column>category
                                <h:column>
                                    <h:outputText value="" />
                                </h:column>
                                <h:column>
                                    <h:outputText value="" />
                                </h:column>
                                <h:column>
                                    <h:outputText value="" />
                                </h:column>
                                <h:column>
                                    <h:outputText value="" />
                                </h:column>
                                <rich:column>

                                </rich:column>--%>

                            </rich:dataTable>
            </a4j:form>
        </f:view>
    </body>
</html>